var yjon = document.querySelectorAll('.yjaa');
var yj_doton = document.querySelectorAll('.yjbb');
// 排他样式
function Dotfun() {
    for (var i = 0; i < yj_doton.length; i++) {
        yjon[i].className = 'yjaa';
        yj_doton[i].className = 'yjbb';
    }
}
// 设置点击样式
for (var j = 0; j < yj_doton.length; j++) {
    yj_doton[j].index = j;
    yj_doton[j].onclick = function () {
        Dotfun();
        this.className = 'yjbb yj-doton';
        yjon[this.index].className = 'yjaa yj-on';
    }
}

function yjkk() {
    for (var k = 0; k < yj_doton.length; k++) {
        yjon[k].className = 'yjaa';
        yj_doton[k].className = 'yjbb';
    }
}

function yjAuto() {
    yjcc = 1;
    setInterval(function () {
        if (yjcc == 5) {
            yjcc = 0;
            yjkk();
            yjon[yjcc].className = 'yjaa yj-on';
            yj_doton[yjcc].className = 'yjbb yj-doton';

        } else {
            yjkk();
            yjon[yjcc].className = 'yjaa yj-on';
            yj_doton[yjcc].className = 'yjbb yj-doton';
        }
        yjcc++;
    }, 2000)
}
yjAuto();
// 登陆注册下面的tab切换
var yjTab = document.querySelectorAll('.yj-navTwo-tab');
var yjBlock = document.querySelectorAll('.yj-tab-block');

// 排他


function Ftab() {
    for (var i = 0; i < yjTab.length; i++) {
        yjTab[i].className = 'yj-navTwo-tab';
        yjBlock[i].className = 'yj-tab-block';

    }
}
for (var j = 0; j < yjTab.length; j++) {
    yjTab[j].index = j;
    yjTab[j].onmouseover = function () {
        Ftab();
        this.className = 'yj-navTwo-tab yjTab';
        yjBlock[this.index].className = 'yj-tab-block yjTab-block';
    }
}
// 好货大聚会
// 照片的最大父元素
var yjSeckimg = document.querySelector('.yj-seckill-bot');
// ul
var yjseckUl = document.querySelector('.yj-seckill-list');
// 左边的按钮
var seckLeftBtn = document.querySelector('.yj-seckRight-btn');
// 右边的按钮
var seckRightBtn = document.querySelector('.yj-seckLeft-btn');
// 鼠标进入
function animationFun2(ele, target) {
    // 先清除另外一个方向的定时器
    clearInterval(ele.interId);
    // 把定时器的id设置到DOM元素上
    ele.interId = setInterval(function () {
        if (ele.offsetLeft == target) {
            clearInterval(ele.interId);
        } else {
            var step = (target - ele.offsetLeft) / 10;
            // 当step为小数时,进行上下取整
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            ele.style.left = ele.offsetLeft + step + 'px';
        }
    }, 20);
}

var num = 0;
seckLeftBtn.onclick = function () {
    num++;
    if (num == 5) {
        num = 1;
        yjseckUl.style.left = 0;
    }
    var timp = num * (-241)
    animationFun2(yjseckUl, timp)
}
seckRightBtn.onclick = function () {
    if (num == 0) {
        num = 5;
        yjseckUl.style.left = num * (-240) + 'px';
    }
    num--
    var timp = num * (-241)
    animationFun2(yjseckUl, timp)
}
setInterval(function () {
    num++;
    if (num == 5) {
        num = 1;
        yjseckUl.style.left = 0;
    }
    var timp = num * (-240)
    animationFun2(yjseckUl, timp)
}, 5000)


// 轮播图的左右按钮

// 轮播图按钮隐藏
$('.yj-seckill-bot').mouseover(function () {
    $('.yj-seckLeft-btn').css('display', 'block')
    $('.yj-seckRight-btn ').css('display', 'block')
})
$('.yj-seckill-bot').mouseout(function () {
    $('.yj-seckLeft-btn').css('display', 'none')
    $('.yj-seckRight-btn ').css('display', 'none')
})


// 蒙版
console.log($('.yj-meng'));



$('.yj-meng').click(function () {
    $('.yj-meng').css('display', 'none')
})
// 取main1主体部分的距离上方的偏移量
var yjlou = $('.yj-main').off();
console.log(yjlou);
$(window).scroll(function () {
    // console.log($(this).scrollTop());
    if ($(this).scrollTop() >= 600) {
        $('.yj-fixe-lou').css('display', 'block');
    } else {
        $('.yj-fixe-lou').css('display', 'none');
    }
    $('.yj-lou').each(function (index, value) {
        // console.log(value);
        if ($(window).scrollTop() >= value.offsetTop) {
            $('.yj-fixeTiem').eq(index).addClass('yj-fix-aa').siblings().removeClass('yj-fix-aa');

        }
    })

})
$('.yj-fixeTiem').click(function (e) {
    console.log(e.target);
    var yjValue = $(this).index();
    var yjTopVar = $('.yj-lou').eq(yjValue).offset().top;
    console.log(yjTopVar);
    $('html').animate({
        scrollTop: yjTopVar
    }, 800)
})
$('.yj-fixeTiem-first').click(function () {

    $('html').animate({
        scrollTop: 0
    }, 1000)
})
// *****************
// 顶部下拉

$(".yj-xiala-left").mouseover(function () {
    $(".yj-Topnone").css("display", "block")
    console.log($(".yj-Topnone"));
})
$(".yj-xiala-left").mouseout(function () {
    $(".yj-Topnone").css("display", "none")
    console.log($(".yj-Topnone"));
})
$(".yj-Topnone").mouseover(function () {
    $(".yj-Topnone").css("display", "block")
    console.log($(".yj-Topnone"));
})
$(".yj-Topnone").mouseout(function () {
    $(".yj-Topnone").css("display", "none")
    console.log($(".yj-Topnone"));
})



// 顶部的下拉
$(window).scroll(function () {


    if ($(window).scrollTop() >= 100) {
        $(".yjxiala").css("top", "0px");
        // $(".yjxiala").css("display", "block")
    } else if ($(window).scrollTop() <= 100) {
        $(".yjxiala").css("top", "-60px");
        // $(".yjxiala").css("display", "none");
    }
})
